<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
			<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no,width=device-width" />
		<title>button</title>
		<link rel="stylesheet" href="css/jquery.mobile-1.4.5.css" />
		<script type="text/javascript" src="js/jquery.js" ></script>
		<script type="text/javascript" src="js/jquery.mobile-1.4.5.js" ></script>
	</head>
	<body>
		<div data-role = "page">
			<div data-role = "header">
				<h1>header</h1>
			</div>
			<div role="main" class="ui-content">
				<!--ui-btn 基本按钮-->
				<!--ui-corner-all 圆角-->
				<!--ui-shadow 阴影-->
				<!--ui-icon-xxx 图标-->
				<!--ui-btn-icon-notext 不显示文字-->
				<!--ui-btn-inline 行内按钮-->
				<!--ui-btn-b b主题 默认是a-->
				<!--ui-mini 文字缩小-->
				<!--ui-btn-icon-left 图标显示的位置-->
				<!--ui-state-disabled 禁用-->
				<!--ui-icon-delete删除图标-->
				<!--data-role="none" 原生按钮-->
				<button data-role = "none">button</button>
				<a data-role = "button">button</a>
				<a href="#" class="ui-btn ui-state-disabled">disable(禁用) the button</a>
				<button class="ui-btn ui-icon-delete ui-btn-icon-left">图标在左</button>
				<button class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-mini">圆角，阴影，主题b，变小</button>
				<button class="ui-btn ui-btn-inline">行内button</button>
				<button class="ui-btn ui-btn-inline ui-icon-delete ui-btn-icon-notext ui-corner-all">btn</button>
				<div id="custom-border-radius">
					<a href="#" class="ui-btn ui-icon-delete ui-btn-icon-notext ui-corner-all">No text</a>
				</div>
			</div>
			<div data-role = "footer">
				<h1>footer</h1>
			</div>
		</div>
	</body>
</html>
